<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">

	<title>Table (in development)</title>
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta charset="utf-8">

	<script src="%VITE_BUNDLE_PATH%" type="module"></script>

	<style>
	</style>
</head>

<body style="margin: 0;">
	<ui5-table id="table" overflow-mode="Scroll" height="300px" sticky-top="0px" style="width: 300px; overflow: auto;" accessible-name-ref="title">
		<ui5-table-selection id="selection" selected="0 2" slot="features"></ui5-table-selection>
		<ui5-table-header-row slot="headerRow" sticky>
			<ui5-table-header-cell id="produtCol" width="200px"><span>Product</span></ui5-table-header-cell>
			<ui5-table-header-cell id="supplierCol" width="200px">Supplier</ui5-table-header-cell>
			<ui5-table-header-cell id="dimensionsCol" width="200px">Dimensions</ui5-table-header-cell>
			<ui5-table-header-cell id="weightCol" width="200px">Weight</ui5-table-header-cell>
			<ui5-table-header-cell id="priceCol" width="200px">Price</ui5-table-header-cell>
		</ui5-table-header-row>
		<ui5-table-row id="firstRow" navigated key="0">
			<ui5-table-cell><ui5-label><b>Notebook Basic 15</b><br><a href="#">HT-1000</a></ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Very Best Screens</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>30 x 18 x 3 cm</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>4.2</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell id="lastCell"><ui5-label><b>956</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
		<ui5-table-row key="1">
			<ui5-table-cell><ui5-label><b>Notebook Basic 16</b><br><a href="#">HT-1001</a></ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Smartcards</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-input value="29 x 17 x 3.1 cm" accessible-name-ref="dimensionsCol"></ui5-input></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>4.5</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label><b>1249</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
		<ui5-table-row key="2" interactive>
			<ui5-table-cell><ui5-label><b>Notebook Basic 17</b><br><a href="#">HT-1002</a></ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Technocom</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>32 x 21 x 4 cm</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>3.7</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label><b>29</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
		<ui5-table-row key="3">
			<ui5-table-cell><ui5-label><b>Notebook Basic 18</b><br><a href="#">HT-1003</a></ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Technocom</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>32 x 21 x 4 cm</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>3.7</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label><b>29</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
		<ui5-table-row key="4">
			<ui5-table-cell><ui5-label><b>Notebook Basic 19</b><br><a href="#">HT-1004</a></ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Technocom</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>32 x 21 x 4 cm</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>3.7</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label><b>29</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
		<ui5-table-row key="5">
			<ui5-table-cell><ui5-label><b>Notebook Basic 20</b><br><a href="#">HT-1005</a></ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Technocom</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>32 x 21 x 4 cm</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>3.7</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label><b>29</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
		<ui5-table-row key="6" interactive>
			<ui5-table-cell><ui5-label><b>Notebook Basic 21</b><br><a href="#">HT-1006</a></ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>Technocom</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label>32 x 21 x 4 cm</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label style="color: #2b7c2b"><b>3.7</b> KG</ui5-label></ui5-table-cell>
			<ui5-table-cell><ui5-label><b>29</b> EUR</ui5-label></ui5-table-cell>
		</ui5-table-row>
	</ui5-table>

	<ui5-input value="after table" data-sap-ui-fastnavgroup="true"></ui5-input>
	<script>
	</script>
</body>

</html>